# !/usr/bin/env python3
# -*- coding: utf-8 -*-
"""
===========================
@Time : 2022/8/28 0028 14:04
@Author : 测试开发工程师
@File : 17. 测试平台前端实战练习1.py
@Software: PyCharm
============================
"""

"""
三大核心组件： 
    Vuetify: 页面布局，样式，展示  
    路由(route):   按钮跳转（点击测试任务，测试报告） 
    axios: 新增用例，调用新增用例的接口

测试平台原型图 ： 测试用例（新增用例，删除用例，编辑用例），测试任务，测试报告
    顶部栏
    侧边栏
    用例界面
    

vue ui 初始化项目
    安装 vue  脚手架工具： npm install -g @vue/cli
    启动 vue ui : vue ui
    新建项目： test_fronted
    配置项目： 选择默认
    安装插件： router
    安装插件： vuetify
    安装依赖： axios

Vuetify 搭建主界面 Layout
    新建 Layout.vue
    主页布局模板
        选择快速入门
        选择预置布局
        找到符合需求的布局页面
    复制示例代码
    修改对应的功能

Vuetify 搭建测试用例界面
    新建 TestCase.vue
    添加用例模板
        选择 UI 组件
        选择 Tables（表格）
        找到符合需求的表格
    复制示例代码
    修改对应的功能
    
Vuetify 搭建侧边栏
    侧边栏模板
        选择 UI 组件
        选择 Navigation drawers(导航抽屉)
        找到符合要求的侧边栏
    复制示例代码
    修改对应的功能
    


"""
